<template>
<div class="socket">
    <!-- 头部 -->
      <div class="header">
          <slot name="head"> </slot>
      </div>

      <div class="body">
          <slot name="body"></slot> 
      </div>
</div>
</template>

<script>

</script>


<style>
.socket {
  width: 200px,
}
.socket .header {
  width: 100%;
  height: 50px;
  color: white;
  background-color:skyblue;
  display: flex;
  align-items: center;
  justify-content: center;
}

.body{
  width: 100%;
  display: flex;
  justify-content: space-between;
}
</style>